page {
  background: #f0f0f0;
}

.weui-cells {
  margin: 0;
}
.weui-cell {
  padding: 20rpx;
}
.weui-cells::before {
  display: none;
}
.weui-label {
  width: auto;
}
.weui-cell__ft {
  color: #353535;
}
.weui-cell__ft text {
  color: #353535;
}

.od-banner {
  overflow: hidden;
  position: relative;
  background: url()
      repeat-y center;
  background-size: 100%;
}
.od-banner-icon {
  position: absolute;
  top: 30rpx;
  right: -20rpx;
  width: 130rpx;
  opacity: 0.6;
}

.od-jd {
  margin: 60rpx 40rpx;
}
.od-jd-out {
  background: #ffffff;
  border: 5rpx solid #ffffff;
  height: 20rpx;
  line-height: 20rpx;
  border-radius: 50rpx;
  overflow: hidden;
  position: relative;
}
.od-jd-in {
  height: 20rpx;
  line-height: 20rpx;
  border-radius: 50rpx;
  overflow: hidden;
  width: 0%;
  background: url()
      repeat-y center;
  background-size: 100%;
}
.od-jd-text {
  text-align: center;
  padding-top: 30rpx;
}
.od-jd-text text {
  color: #ffffff;
  font-size: 26rpx;
  opacity: 0.7;
}

.od-jd-0 .od-jd-in {
  width: 12%;
}
.od-jd-0 .od-jd-st-0 {
  opacity: 1;
  font-weight: bold;
}
.od-jd-10 .od-jd-in {
  width: 37%;
}
.od-jd-10 .od-jd-st-10 {
  opacity: 1;
  font-weight: bold;
}
.od-jd-20 .od-jd-in {
  width: 64%;
}
.od-jd-20 .od-jd-st-20 {
  opacity: 1;
  font-weight: bold;
}
.od-jd-30 .od-jd-in {
  width: 100%;
}
.od-jd-30 .od-jd-st-30 {
  opacity: 1;
  font-weight: bold;
}
.od-jd-40 .od-jd-in {
  width: 100%;
  background: #999999;
}

.serv-icon {
  display: block;
  width: 50rpx;
  height: 50rpx;
  margin: 15rpx 15rpx 15rpx 0;
}
.serv-name {
  font-weight: bold;
}

.pub-box {
  margin: 20rpx;
  position: relative;
}
.pub-box-tt {
  height: 80rpx;
  line-height: 80rpx;
  position: relative;
  padding-left: 10rpx;
}
.pub-box-tt text {
  font-size: 24rpx;
}
.pub-box-ttl {
  padding-left: 10rpx;
}
.pub-box-ttl text {
  color: #888888;
}
.pub-box-ttr {
  position: absolute;
  right: 10rpx;
  top: 0;
  height: 80rpx;
  line-height: 80rpx;
}
.pub-box-ttr text {
  color: #576b95;
}
.pub-box-bd {
  border: 1rpx solid #eeeeee;
  border-radius: 10rpx;
  overflow: hidden;
  background: #ffffff;
  position: relative;
}
.pub-box-bd .weui-cell::before {
  left: 20rpx;
}

.xieyi {
  text-align: center;
  padding-bottom: 20rpx;
}
.xieyi text {
  font-size: 28rpx;
}
.xieyi navigator {
  font-size: 28rpx;
  display: inline-block;
  color: #0bb684;
}
.is_xieyi {
  display: inline-block;
  padding-left: 36rpx;
  background: url()
      no-repeat left center;
  background-size: 30rpx;
}
.is_xieyi_on {
  background-image: url();
}
.popup-content {
width: 600rpx;
height: 260rpx;
padding: 20rpx;
}
.popup-content .group {
margin: 20rpx;
display: flex;
}
.popup-content .group input {
padding-left: 10rpx;
width: 100%;
border-bottom: 2rpx solid #f5f5f5;
}
.popup-content .group .valid-text {
width: 230rpx;
text-align: center;
line-height: 72rpx;
font-size: 28rpx;
color: #409eff;
}
.btns {
display: flex;
border-top:2rpx solid #f5f5f5;
}
.btns view{
flex: 1;
text-align: center;
height: 80rpx;
line-height: 80rpx;
}
.btns .cancal {
border-right: 2rpx solid #f5f5f5;
}
.btns .ok{
color: #ee0a24;
}
.uni-popup__wrapper {
border-radius: 20rpx;
}
.text-center {
text-align: center;
margin-top: 20rpx;
margin-bottom: 20rpx;
}
.pay-box {
padding: 40rpx;
}
.pay-box canvas {
margin: 0 auto;
}